/* CSS Document */

#inhoud
{
	margin-top: 2em;
	margin-bottom: 2em;
}

#inhoud ul
{
	margin-left:5%;
	margin-right:5%;
}

#inhoud li
{
	width: 500px;
	display: inline-table;
}

#inhoud table td
{
	/*padding: 1em;*/
}

#inhoud img
{
	width:100%;
	heigth:100%;
}

#inhoud article
{
	padding: 0.5em;
}

#inhoud article:hover
{
	opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
}

.info_film
{
	color: #FFF;
	font-family: Mostra_nuova, Verdana, Geneva, sans-serif;
	height: 0;
	width: 400px;
}

.info_film section
{
	position: relative;
	top: -250px;
	left: 50px;
}

.info_film h3
{
	position: relative;
	top: -200px;
	left: 50px;
	/*width: 450px;*/
	font-size: 3em;
	text-shadow: 1px 0 0 #000, -1px 0 0 #000, 0 1px 0 #000, 0 -1px 0 #000, 1px 1px #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000;
}

.info_film section p
{
	display: inline;
	font-size: 1em !important;
	background-color: #939 !important;
	padding: 1em !important;
}

@media only screen and (min-width:50px) and (max-width:500px)
{
	
	.info_film
	{
		width: 200px;
	}
	
	#inhoud li
	{
		width: 50px;
	}
	article, article img
	{
		height: 112.4px;
		width: 205px;
		margin-bottom: 50px;
	}
	
	.info_film h3
	{
		font-size:1.5em;
		top:-150px;
		left:7px;
	}
	
	section
	{
		top:-180px !important;
		left: 0px; 
	}
}